<!--第一认识javascript-->
<!--是插入script标签来进行的位置可以是头部也可以是身体-->
<!--<body>
  <p id="p1">我是第一段文字</p>
  <p id="p2">我是第二段文字</p>
  
  <script type="text/javascript">
	document.write("hello")
	document.getElementById("p1").style.color="blue";
	
  </script>
</body>-->
<!--document文本，document.write("内容")
通过id来看的时候是  document.getElementById("目标id")然后对目标可以
直接进行样式设计.style.color="";font-size="";等等-->
<!--第二部分js文件的引入-->
<!--js和css一样需要引入才能使用，不过不和css用link，js用的是在head部分插入
<script src="javascript.js"></script>d的形式来进行的，js文件里直接写入代码内容不用再加标签-->
<!--js中添加注释的方式和在html之中有点不太一样，单行注释用的是ctrl+？键，多行注释用的是ctrl+shift+？键；-->
<!--第三部分js中对变量var（variables）的理解-->
<!--var 变量是一大块内容可以进行命名规则如下： 1.变量必须使用字母、下划线(_)或者美元符($)开始。

    2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。

    3.不能使用JavaScript关键词与JavaScript保留字。
    可以对文本及字符串设个变量不过要用双引号包裹起来：对数字就不用了，双引号包裹起来会被认为是文本
    内容保存起来的
 var mychar;这个是声明；  mychar="wenben "这个是赋值  也可以这样写var mychar=“wenben”这种是
 命名变量并且赋值，一个变量可以赋多个值-->
<!--第四部分判断语句的使用-->
<!--if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }-->
<!--第五部分函数的调用-->
<!--<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数调用</title>
   <script type="text/javascript">
     function  contxt() //定义函数名称
      {
          sum=7+8;  函数类型
         albert(sum);  输出函数值
      }
      contxt();  调用函数 直接写函数名称
   </script>
</head>
<body>
   <form>
      <input type="button"  value="点击我" onclick="contxt() " />  
      onclick 链接函数，点击之后就输出函数的结果
   </form>
</body>
</html>-->
<!--第六部分内容的输出-->
<!--直接输出的和输出，标签时要加上双引号包裹内容，输出的内容里有变量是直接+就好了
输出空格就相对难一点了
在写JS代码的时候，大家可以会发现这样现象:
document.write("   1      2                3  ");
结果: 1 2 3

无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。

这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。

解决方法:

1. 使用输出html标签&nbsp;来解决
 document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;&nbsp;"+"23");
 结果:  1    23

2. 使用CSS样式来解决
 document.write("<span style='white-space:pre;'>"+"  1        2    3    "+"</span>");
 结果:  1       2     3    

 在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"-->
<!--第五部分警告alert对话框输出-->
<!--alert(字符串或变量);  
 例如<script type="text/javascript">
   var mynum = 30;
   alert("hello!");
   alert(mynum);
</script>就会出现两个对话框先是hello 然后是30-->
<!--第六部分确认消息对话框-->
<!--<script type="text/javascript">
  function rec(){
    var mymessage=confirm("你是女士吗？");变量信息赋值，加上判断语句
    if(mymessage==true)   注意写的方法
    {
    	document.write("你是女士!"); 弹出的你是女士吗？问题点击确定后，输出的结果
    }
    else
    {
        document.write("你是男士!");
    }
  }    
  </script>-->
<!--<body>
    <input name="button" type="button" onClick="rec()" value="点击我，弹出确认对话框" />
</body>-->
<!--对话框之类的信息都是要和按钮相互配合的，-->
<!--第七部分提问类型的-->
<!-- <script type="text/javascript">
  function rec(){
	var score; //score变量，用来存储用户输入的成绩值。
	score =prompt("请输入你的成绩") ;（）里的内容是提问的内容，弹出的含有这个内容的文本框是
                                    读者自己填写内容的，这个内容将作为函数的值进行判断之后再输出结果
	if(score>=90)
	{
	   document.write("你很棒!");
	}
	else if(score>=75)
    {
	   document.write("不错吆!");
	}
	else if(score>=60)
    {
	   document.write("要加油!");
    }
    else
	{
       document.write("要努力了!");
	}
  }
  </script>-->
<!---->